<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <title>picnet.data.DataManager</title>
  
  <!-- DEBUG -->
  <script src="../../lib/closure-library/closure/goog/base.js"></script>
  <script src="../deps.js"></script>  
  <script>goog.require('picnet.closure.repo.demoscripts');</script>
  
  <!-- COMPILED -->
  <!--
  <script src="scripts.min.js"></script>
  -->
  <link rel="stylesheet" href="css/demo.css">    
</head>
<body>
  <h1>picnet.data.DataManager</h1>
  <div>
    This is a sample project using picnet.data.DataManager.  This class is an abstraction
    of various local storage mechanisms:
    <ul>
      <li>IndexedDB</li>
      <li>Web SQL</li>
      <li>Gears</li>
      <li>localStorage</li>      
    </ul>
    Currently Using: <b><span id='currentRepo'></span></b>
    <br/><br/>
  </div>
  <div>
    <a id='addDatabaseEntry' href='#'>Add Entity to Data Store</a><br/>
    <a id='refreshList' href='#'>Refresh List From Data Store</a><br/>
    <a id='refreshListFromRemoteProvider' href='#'>Refresh List From REMOTE Data Store</a><br/>
    Remote Server Url ('Uses Mock Otherwise'): <input id='remoteServerUrl' type='text'></input>
    The default Node.js server is 'http://127.0.0.1:8124/'.
  </div>
  <table border='1' id="uilist"></table>    
  <script type="text/javascript">    
  picnet.closure.repo.demoscripts.datamanager();  
  </script>
</body>
</html>
